<template>
  <view class="businessContain">
    <view class="phone addres" v-if="phone.length">
      <img style="width: 40rpx; height: 40rpx" src="@/static/电话.png" alt="" />
      <vie style="margin-left: 25rpx">{{ phone }}</vie>
    </view>
    <view class="address phone" v-if="address.length">
      <img style="width: 40rpx; height: 40rpx" src="@/static/3.1定位.png" alt="" />
      <vie style="margin-left: 25rpx">{{ address }}</vie>
    </view>
    <view class="notice phone" v-if="notice.length">
      <img style="width: 40rpx; height: 40rpx" src="@/static/公告.png" alt="" />
      <view style="margin-left: 25rpx">{{ notice }}</view>
    </view>
    <view v-if="notice.length && phone.length && addres.length">这个商家很懒，暂无介绍</view>
  </view>
</template>

<script>
export default {
  props: ['address', 'notice', 'phone']
}
</script>

<style>
.businessContain {
  margin: 50rpx 25rpx;
}

.address {
  display: flex;
}

.notice {
  display: flex;
  margin-top: 25rpx;
}

.phone {
  display: flex;
  align-items: center;
  height: 60rpx;
}
</style>
